home *** CD-ROM | disk | FTP | other *** search
- //****************************************************************
- // Keep this copyright notice:
- // This copy of the script is the property of the owner of the
- // particular web site you were visiting.
- // Do not download the script's files from there.
- // For a free download and full instructions go to:
- // http://www.treeview.net
- //****************************************************************
-
- // Log of changes:
- //
- // 18 Jul 02 - Changes in pre-load images function
- //
- // 13 Jun 02 - Add ICONPATH var to allow for gif subdir
- //
- // 20 Apr 02 - Improve support for frame-less layout
- //
- // 07 Apr 02 - Minor changes to support server-side dynamic feeding
- // (Online Bookmarks Manager demo)
- //
- // 10 Aug 01 - Support for Netscape 6
- //
- // 17 Feb 98 - Fix initialization flashing problem with Netscape
- //
- // 27 Jan 98 - Root folder starts open; support for USETEXTLINKS;
- // make the ftien4 a js file
-
-
- // Definition of class Folder
- // *****************************************************************
-
- function Folder(folderDescription, hreference) //constructor
- {
- //constant data
- this.desc = folderDescription
- this.hreference = hreference
- this.id = -1
- this.navObj = 0
- this.iconImg = 0
- this.nodeImg = 0
- this.isLastNode = 0
- this.isLastOpenedFolder = false
-
- //dynamic data
- this.isOpen = true
- this.iconSrc = ICONPATH + "ftv2folderopen.gif"
- this.iconSrcClosed = ICONPATH + "ftv2folderclosed.gif"
- this.children = new Array
- this.nChildren = 0
-
- //methods
- this.initialize = initializeFolder
- this.setState = setStateFolder
- this.addChild = addChild
- this.createIndex = createEntryIndex
- this.escondeBlock = escondeBlock
- this.esconde = escondeFolder
- this.mostra = mostra
- this.renderOb = drawFolder
- this.totalHeight = totalHeight
- this.subEntries = folderSubEntries
- this.outputLink = outputFolderLink
- this.blockStart = blockStart
- this.blockEnd = blockEnd
- }
-
- function initializeFolder(level, lastNode, leftSide)
- {
- var j=0
- var i=0
- var numberOfFolders
- var numberOfDocs
- var nc
- var nodeIconName = ""
-
- nc = this.nChildren
-
- this.createIndex()
-
- var auxEv = ""
-
- if (browserVersion > 0)
- auxEv = "<a href='javascript:clickOnNode("+this.id+")'>"
- else
- auxEv = "<a>"
-
- if (level>0)
- if (lastNode) //the last child in the children array
- {
- nodeIconName = ICONPATH + "ftv2mlastnode.gif"
- if (this.nChildren == 0)
- nodeIconName = ICONPATH + "ftv2lastnode.gif"
- this.renderOb(leftSide + "<td valign=top>" + auxEv + "<img name='nodeIcon" + this.id + "' id='nodeIcon" + this.id + "' src='" + nodeIconName + "' width=16 height=22 border=0></a></td>")
- leftSide = leftSide + "<td valign=top><img src='" + ICONPATH + "ftv2blank.gif' width=16 height=22></td>"
- this.isLastNode = 1
- }
- else
- {
- nodeIconName = ICONPATH + "ftv2mnode.gif"
- if (this.nChildren == 0)
- nodeIconName = ICONPATH + "ftv2node.gif"
- this.renderOb(leftSide + "<td valign=top background=" + ICONPATH + "ftv2vertline.gif>" + auxEv + "<img name='nodeIcon" + this.id + "' id='nodeIcon" + this.id + "' src='" + nodeIconName + "' width=16 height=22 border=0></a></td>")
- leftSide = leftSide + "<td valign=top background=" + ICONPATH + "ftv2vertline.gif><img src='" + ICONPATH + "ftv2vertline.gif' width=16 height=22></td>"
- this.isLastNode = 0
- }
- else
- this.renderOb("")
-
- if (nc > 0)
- {
- level = level + 1
- for (i=0 ; i < this.nChildren; i++)
- {
- if (i == this.nChildren-1)
- this.children[i].initialize(level, 1, leftSide)
- else
- this.children[i].initialize(level, 0, leftSide)
- }
- }
- }
-
- function drawFolder(leftSide)
- {
- var idParam = "id='folder" + this.id + "'"
-
- if (browserVersion == 2) {
- if (!doc.yPos)
- doc.yPos=20
- }
-
- this.blockStart("folder")
-
- doc.write("<tr>")
- doc.write(leftSide)
- doc.write ("<td valign=top>")
- if (USEICONS)
- {
- this.outputLink()
- doc.write("<img id='folderIcon" + this.id + "' name='folderIcon" + this.id + "' src='" + this.iconSrc+"' border=0></a>")
- }
- else
- {
- doc.write("<img src=" + ICONPATH + "ftv2blank.gif height=2 width=2>")
- }
- if (WRAPTEXT)
- doc.write("</td><td valign=middle width=100%>")
- else
- doc.write("</td><td valign=middle nowrap width=100%>")
- if (USETEXTLINKS)
- {
- this.outputLink()
- doc.write(this.desc + "</a>")
- }
- else
- doc.write(this.desc)
- doc.write("</td>")
-
- this.blockEnd()
-
- if (browserVersion == 1) {
- this.navObj = doc.all["folder"+this.id]
- if (USEICONS)
- this.iconImg = doc.all["folderIcon"+this.id]
- this.nodeImg = doc.all["nodeIcon"+this.id]
- } else if (browserVersion == 2) {
- this.navObj = doc.layers["folder"+this.id]
- if (USEICONS)
- this.iconImg = this.navObj.document.images["folderIcon"+this.id]
- this.nodeImg = this.navObj.document.images["nodeIcon"+this.id]
- doc.yPos=doc.yPos+this.navObj.clip.height
- } else if (browserVersion == 3) {
- this.navObj = doc.getElementById("folder"+this.id)
- if (USEICONS)
- this.iconImg = doc.getElementById("folderIcon"+this.id)
- this.nodeImg = doc.getElementById("nodeIcon"+this.id)
- }
- }
-
- function setStateFolder(isOpen)
- {
- var subEntries
- var totalHeight
- var fIt = 0
- var i=0
- var currentOpen
-
- if (isOpen == this.isOpen)
- return
-
- if (browserVersion == 2)
- {
- totalHeight = 0
- for (i=0; i < this.nChildren; i++)
- totalHeight = totalHeight + this.children[i].navObj.clip.height
- subEntries = this.subEntries()
- if (this.isOpen)
- totalHeight = 0 - totalHeight
- for (fIt = this.id + subEntries + 1; fIt < nEntries; fIt++)
- indexOfEntries[fIt].navObj.moveBy(0, totalHeight)
- }
- this.isOpen = isOpen;
-
- if (this.id!=0 && PERSERVESTATE && !this.isOpen) //closing
- {
- currentOpen = GetCookie("clickedFolder")
- if (currentOpen != null)
- {
- currentOpen = currentOpen.replace(this.id+"-", "")
- SetCookie("clickedFolder", currentOpen)
- }
- }
-
- if (!this.isOpen && this.isLastOpenedfolder)
- {
- lastOpenedFolder = -1;
- this.isLastOpenedfolder = false;
- }
- propagateChangesInState(this)
- }
-
- function propagateChangesInState(folder)
- {
- var i=0
-
- //Support for empty folder (still usefull because of their link)
- if (folder.isOpen)
- {
- if (folder.nodeImg && folder.nChildren > 0)
- if (folder.isLastNode)
- folder.nodeImg.src = ICONPATH + "ftv2mlastnode.gif"
- else
- folder.nodeImg.src = ICONPATH + "ftv2mnode.gif"
- if (USEICONS)
- folder.iconImg.src = folder.iconSrc
- for (i=0; i<folder.nChildren; i++)
- folder.children[i].mostra()
- }
- else
- {
- if (folder.nodeImg && folder.nChildren > 0)
- if (folder.isLastNode)
- folder.nodeImg.src = ICONPATH + "ftv2plastnode.gif"
- else
- folder.nodeImg.src = ICONPATH + "ftv2pnode.gif"
- if (USEICONS)
- folder.iconImg.src = folder.iconSrcClosed
- for (i=0; i<folder.nChildren; i++)
- folder.children[i].esconde()
- }
- }
-
- function escondeFolder()
- {
- this.escondeBlock()
-
- this.setState(0)
- }
-
- function outputFolderLink()
- {
- if (this.hreference)
- {
- if (USEFRAMES)
- doc.write("<a href='" + this.hreference + "' TARGET=\"basefrm\" ")
- else
- doc.write("<a href='" + this.hreference + "' TARGET=_top ")
-
- if (browserVersion > 0 && USEFRAMES)
- doc.write("onClick='javascript:clickOnFolder("+this.id+")'")
-
- doc.write(">")
- }
- else
- doc.write("<a>")
- }
-
- function addChild(childNode)
- {
- this.children[this.nChildren] = childNode
- this.nChildren++
- return childNode
- }
-
- function folderSubEntries()
- {
- var i = 0
- var se = this.nChildren
-
- for (i=0; i < this.nChildren; i++){
- if (this.children[i].children) //is a folder
- se = se + this.children[i].subEntries()
- }
-
- return se
- }
-
-
- // Definition of class Item (a document or link inside a Folder)
- // *************************************************************
-
- function Item(itemDescription, itemLink) // Constructor
- {
- // constant data
- this.desc = itemDescription
- this.link = itemLink
- this.id = -1 //initialized in initalize()
- this.navObj = 0 //initialized in render()
- this.iconImg = 0 //initialized in render()
- this.iconSrc = ICONPATH + "ftv2doc.gif"
-
- // methods
- this.initialize = initializeItem
- this.createIndex = createEntryIndex
- this.esconde = escondeBlock
- this.mostra = mostra
- this.renderOb = drawItem
- this.totalHeight = totalHeight
- this.blockStart = blockStart
- this.blockEnd = blockEnd
- }
-
- function initializeItem(level, lastNode, leftSide)
- {
- this.createIndex()
-
- if (level>0)
- if (lastNode) //the last 'brother' in the children array
- {
- this.renderOb(leftSide + "<td valign=top><img src='" + ICONPATH + "ftv2lastnode.gif' width=16 height=22></td>")
- leftSide = leftSide + "<td valign=top><img src='" + ICONPATH + "ftv2blank.gif' width=16 height=22>"
- }
- else
- {
- this.renderOb(leftSide + "<td valign=top background=" + ICONPATH + "ftv2vertline.gif><img src='" + ICONPATH + "ftv2node.gif' width=16 height=22></td>")
- leftSide = leftSide + "<td valign=top background=" + ICONPATH + "ftv2vertline.gif><img src='" + ICONPATH + "ftv2vertline.gif' width=16 height=22></td>"
- }
- else
- this.renderOb("")
- }
-
- function drawItem(leftSide)
- {
- this.blockStart("item")
-
- doc.write("<tr>")
- doc.write(leftSide)
- doc.write("<td valign=top>")
- if (USEICONS)
- {
- doc.write("<a href=" + this.link + ">")
- doc.write("<img id='itemIcon"+this.id+"' ")
- doc.write("src='"+this.iconSrc+"' border=0>")
- doc.write("</a>")
- }
- else
- {
- doc.write("<img src=" + ICONPATH + "ftv2blank.gif height=2 width=3>")
- }
- if (WRAPTEXT)
- doc.write("</td><td valign=middle width=100%>")
- else
- doc.write("</td><td valign=middle nowrap width=100%>")
- if (USETEXTLINKS)
- doc.write("<a href=" + this.link + ">" + this.desc + "</a>")
- else
- doc.write(this.desc)
-
- doc.write("</td>")
-
- this.blockEnd()
-
- if (browserVersion == 1) {
- this.navObj = doc.all["item"+this.id]
- if (USEICONS)
- this.iconImg = doc.all["itemIcon"+this.id]
- } else if (browserVersion == 2) {
- this.navObj = doc.layers["item"+this.id]
- if (USEICONS)
- this.iconImg = this.navObj.document.images["itemIcon"+this.id]
- doc.yPos=doc.yPos+this.navObj.clip.height
- } else if (browserVersion == 3) {
- this.navObj = doc.getElementById("item"+this.id)
- if (USEICONS)
- this.iconImg = doc.getElementById("itemIcon"+this.id)
- }
- }
-
-
- // Methods common to both objects (pseudo-inheritance)
- // ********************************************************
-
- function escondeBlock()
- {
- if (browserVersion == 1 || browserVersion == 3) {
- if (this.navObj.style.display == "none")
- return
- this.navObj.style.display = "none"
- } else {
- if (this.navObj.visibility == "hiden")
- return
- this.navObj.visibility = "hiden"
- }
- }
-
- function mostra()
- {
- if (browserVersion == 1 || browserVersion == 3)
- this.navObj.style.display = "block"
- else
- this.navObj.visibility = "show"
- }
-
- function blockStart(idprefix) {
- var idParam = "id='" + idprefix + this.id + "'"
-
- if (browserVersion == 2)
- doc.write("<layer "+ idParam + " top=" + doc.yPos + " visibility=show>")
-
- if (browserVersion == 3) //N6 has bug on display property with tables
- doc.write("<div " + idParam + " style='display:block; position:block;'>")
-
- doc.write("<table border=0 cellspacing=0 cellpadding=0 width=100% ")
-
- if (browserVersion == 1)
- doc.write(idParam + " style='display:block; position:block; '>")
- else
- doc.write(">")
- }
-
- function blockEnd() {
- doc.write("</table>")
-
- if (browserVersion == 2)
- doc.write("</layer>")
- if (browserVersion == 3)
- doc.write("</div>")
- }
-
- function createEntryIndex()
- {
- this.id = nEntries
- indexOfEntries[nEntries] = this
- nEntries++
- }
-
- // total height of subEntries open
- function totalHeight() //used with browserVersion == 2
- {
- var h = this.navObj.clip.height
- var i = 0
-
- if (this.isOpen) //is a folder and _is_ open
- for (i=0 ; i < this.nChildren; i++)
- h = h + this.children[i].totalHeight()
-
- return h
- }
-
-
- // Events
- // *********************************************************
-
- function clickOnFolder(folderId)
- {
- var clicked = indexOfEntries[folderId]
-
- if (!clicked.isOpen) {
- clickOnNode(folderId)
- }
-
- if (lastOpenedFolder != -1)
- clickOnNode(lastOpenedFolder); //sets lastOpenedFolder to -1
-
- if (clicked.nChildren==0) {
- lastOpenedFolder = folderId;
- clicked.isLastOpenedfolder = true
- }
- }
-
- function clickOnNode(folderId)
- {
- var clickedFolder = 0
- var state = 0
- var currentOpen
-
- clickedFolder = indexOfEntries[folderId]
- state = clickedFolder.isOpen
-
- clickedFolder.setState(!state) //open<->close
-
- if (folderId!=0 && PERSERVESTATE)
- {
- currentOpen = GetCookie("clickedFolder")
- if (currentOpen == null)
- currentOpen = ""
- if (!clickedFolder.isOpen) //closing
- {
- currentOpen = currentOpen.replace(folderId+"-", "")
- SetCookie("clickedFolder", currentOpen)
- }
- else
- SetCookie("clickedFolder", currentOpen+folderId+"-")
- }
- }
-
- function dbgPrint(htmlTxt) //only used for debugging
- {
- var aux1, aux2;
- aux1 = htmlTxt.replace("<", "<")
- aux1 = aux1.replace("<", "<")
- aux1 = aux1.replace("<", "<")
- aux1 = aux1.replace("<", "<")
- aux1 = aux1.replace("<", "<")
- aux1 = aux1.replace("<", "<")
- aux2 = aux1.replace(">", ">")
- aux2 = aux2.replace(">", ">")
- aux2 = aux2.replace(">", ">")
- aux2 = aux2.replace(">", ">")
- aux2 = aux2.replace(">", ">")
- aux2 = aux2.replace(">", ">")
- document.write(aux2)
- }
-
- function dbgDoc()
- {
- this.write = dbgPrint;
- }
-
- function ld ()
- {
- return document.links.length-1
- }
-
-
- // Auxiliary Functions for Folder-Tree backward compatibility
- // ***********************************************************
-
- function gFld(description, hreference)
- {
- folder = new Folder(description, hreference)
- return folder
- }
-
- function gLnk(target, description, linkData)
- {
- fullLink = ""
-
- if (USEFRAMES)
- {
- if (target==0)
- {
- fullLink = "'"+linkData+"' target=\"basefrm\""
- }
- else
- {
- if (target==1)
- fullLink = "'http://"+linkData+"' target=_blank"
- else
- if (target==2)
- fullLink = "'http://"+linkData+"' target=\"basefrm\""
- else
- fullLink = linkData+" target=\"_top\""
- }
- }
- else
- {
- if (target==0)
- {
- fullLink = "'"+linkData+"' target=_top"
- }
- else
- {
- if (target==1)
- fullLink = "'http://"+linkData+"' target=_blank"
- else
- fullLink = "'http://"+linkData+"' target=_top"
- }
- }
-
- linkItem = new Item(description, fullLink)
- return linkItem
- }
-
- function insFld(parentFolder, childFolder)
- {
- return parentFolder.addChild(childFolder)
- }
-
- function insDoc(parentFolder, document)
- {
- return parentFolder.addChild(document)
- }
-
-
- // Functions for cookies
- // Note: THESE FUNCTIONS ARE OPTIONAL. No cookies are used unless
- // the PERSERVESTATE variable is set to 1 (default 0)
- // ***********************************************************
-
- function PersistentFolderOpening()
- {
- var stateInCookie;
- var fldStr=""
- var fldArr
- var fldPos=0
- stateInCookie = GetCookie("clickedFolder");
-
- if(stateInCookie!=null)
- {
- fldArr = stateInCookie.split("-")
- for (fldPos=0; fldPos<fldArr.length; fldPos++)
- {
- fldStr=fldArr[fldPos]
- if (fldStr != "")
- clickOnNode(eval(fldStr));
- }
- }
- }
-
- function GetCookie(name)
- {
- var arg = name + "=";
- var alen = arg.length;
- var clen = document.cookie.length;
- var i = 0;
- while (i < clen) {
- var j = i + alen;
- if (document.cookie.substring(i, j) == arg)
- return getCookieVal (j);
- i = document.cookie.indexOf(" ", i) + 1;
- if (i == 0) break;
- }
- return null;
- }
-
- function getCookieVal(offset) {
- var endstr = document.cookie.indexOf (";", offset);
- if (endstr == -1)
- endstr = document.cookie.length;
- return unescape(document.cookie.substring(offset, endstr));
- }
-
- function SetCookie(name, value)
- {
- var argv = SetCookie.arguments;
- var argc = SetCookie.arguments.length;
- var expires = (argc > 2) ? argv[2] : null;
- var path = (argc > 3) ? argv[3] : null;
- var domain = (argc > 4) ? argv[4] : null;
- var secure = (argc > 5) ? argv[5] : false;
- document.cookie = name + "=" + escape (value) +
- ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
- ((path == null) ? "" : ("; path=" + path)) +
- ((domain == null) ? "" : ("; domain=" + domain)) +
- ((secure == true) ? "; secure" : "");
- }
-
- function DeleteCookie (name)
- {
- var exp = new Date();
- exp.setTime (exp.getTime() - 1);
- var cval = GetCookie (name);
- document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
- }
-
-
- //If needed, these variables are overwriten in defineMyTree.js
- USETEXTLINKS = 0
- STARTALLOPEN = 0
- USEFRAMES = 1
- USEICONS = 1
- WRAPTEXT = 0
- PERSERVESTATE = 0
- ICONPATH = ''
-
- //Other variables
- indexOfEntries = new Array
- nEntries = 0
- browserVersion = 0
- selectedFolder=0
- lastOpenedFolder=-1
- t=5
-
- //doc = new dbgDoc()
- doc = document
-
- function preLoadIcons() {
- var auxImg
- auxImg = new Image();
- auxImg.src = ICONPATH + "ftv2vertline.gif";
- auxImg.src = ICONPATH + "ftv2mlastnode.gif";
- auxImg.src = ICONPATH + "ftv2mnode.gif";
- auxImg.src = ICONPATH + "ftv2plastnode.gif";
- auxImg.src = ICONPATH + "ftv2pnode.gif";
- auxImg.src = ICONPATH + "ftv2blank.gif";
- auxImg.src = ICONPATH + "ftv2lastnode.gif";
- auxImg.src = ICONPATH + "ftv2node.gif";
- auxImg.src = ICONPATH + "ftv2folderclosed.gif";
- auxImg.src = ICONPATH + "ftv2folderopen.gif";
- auxImg.src = ICONPATH + "ftv2doc.gif";
- }
-
-
- // Main function
- // *************
-
- // This function uses an object (navigator) defined in
- // ua.js, imported in the main html page (left frame).
- function initializeDocument()
- {
-
- preLoadIcons()
-
- switch(navigator.family)
- {
- case 'ie4':
- browserVersion = 1 //IE4
- break;
- case 'nn4':
- browserVersion = 2 //NS4
- break;
- case 'gecko':
- browserVersion = 3 //NS6
- break;
- default:
- browserVersion = 0 //other
- break;
- }
-
-
- if (!USEFRAMES && browserVersion == 2)
- browserVersion = 0;
- eval(String.fromCharCode(116,61,108,100,40,41))
-
- //foldersTree (with the site's data) is created in an external .js
- foldersTree.initialize(0, 1, "")
-
- if (browserVersion == 2)
- doc.write("<layer top="+indexOfEntries[nEntries-1].navObj.top+"> </layer>")
-
- //The tree starts in full display
- if (!STARTALLOPEN)
- {
- if (browserVersion > 0)
- {
- if (PERSERVESTATE)
- {
- PERSERVESTATE = 0; //temporarily disable recording of clickOnNode
- // close the whole tree
- clickOnNode(0)
- // open the root folder
- clickOnNode(0)
- PersistentFolderOpening();
- PERSERVESTATE = 1;
- }
- else
- {
- clickOnNode(0)
- clickOnNode(0)
- }
- }
- }
- }
-
-